<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="expires" content="Wed,26 Jun 2016 08:21:10 GMT">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <meta content="no" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>体检商城</title>
    <!-- <link rel="stylesheet" href="http://pocdoc-app.qiniudn.com/reset-mobile.min.css"/> -->
    <link rel="stylesheet" href="__PUBLIC__/migrate/css/reset-mobile.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/style.css"/>
    <!-- <link rel="stylesheet" href="http://pocdoc-app.qiniudn.com/base.css"/> -->
    <link rel="stylesheet" href="__PUBLIC__/migrate/css/base.css"/>
    <!-- <link rel="stylesheet" href="http://pocdoc-app.qiniudn.com/jquery-ui.css"/> -->
    <link rel="stylesheet" href="__PUBLIC__/migrate/css/jquery-ui.css"/>


</head>
<body>
<div class="se-pre-con"></div>
<div class='top'>
    <a class='top_left'>
        <img src="__PUBLIC__/migrate/images/back.png">
    </a>
    <span class='sub_top_title'>体检商城</span>
    <span class='about'></span>
</div>
<div class="package_photo">
      <!-- <img src="http://pocdoc-app.qiniudn.com/{$packageContent->imgBig|substr=16}"> -->
      <img src="/yjxtj/images{$packageContent->imgBig}">
</div>
<div class='wap'>
    <div class="tab">
        <span>项目内容</span>
        <span>适用机构</span>
        <span>注意事项</span>
    </div>
    <div class="content">
        <div class="cont">
            {$packageContent->examinationItems}

        </div>
        <div class="cont" style="display: none;">
            <div class="store_center_search" style="position: relative">
                <input type="text" placeholder="请输入搜索内容"/>
                <input type="button" class="button" value="搜索" id="button">
            </div>
            <div class="center_list">
                <ul>
                    <volist name="centerList" id="center">
                        <li class="center_list_li">
                            <?php
                                if($center['mcId']==1){
                            echo '<img class="center_logo" src="__PUBLIC__/migrate/images/meinian_logo.png"/>';
                            }else if($center['mcId']==2){
                            echo ' <img class="center_logo" src="__PUBLIC__/migrate/images/aikang_logo.png"/>';
                            }else if($center['mcId']==3){
                            echo '<img class="center_logo" src="__PUBLIC__/migrate/images/ciming_logo.png"/>';
                            }
                            ?>

                            <p>{$center['name']}</p>

                            <p>
                                <img class="address_img" src="__PUBLIC__/migrate/images/reserve_loca_icon@2x.png">
                                <span>{$center['address']}</span>
                            </p>
                        </li>
                    </volist>
                </ul>
            </div>

        </div>
        <div class="cont" style="display: none;">
            <img src="__PUBLIC__/migrate/images/notice.png">
        </div>
    </div>
</div>
<div class="bottom">
    <p>
        <span>￥{$packageContent->salePrice}</span>
        <span>￥{$packageContent->originalPrice}</span>
        <span><?=$discount?>折</span>
    </p>

    <p id="purchase">
        <a href="{:U('packageConfirm',array('packageId'=>$packageContent->packageId))}">
                <span>
                    立即购买
                </span>
        </a>
    </p>

</div>
<!--弹出框-->
<div id="dialog" title="友情提示">
    <p>降价秒杀即将开始，敬请期待！</p>
</div>
</body>
<!--
<script src="http://pocdoc-app.qiniudn.com/jquery-1.11.1.min.js"></script>
<script src="http://pocdoc-app.qiniudn.com/jquery-ui.js"></script>
页面加载动画js
<script   src="http://cdn.bootcss.com/modernizr/2010.07.06dev/modernizr.min.js"></script> -->
 

    <script src="__PUBLIC__/migrate/js/jquery-1.11.1.min.js"></script>
    <script src="__PUBLIC__/migrate/js/jquery-ui.js"></script>
    <script  src="__PUBLIC__/migrate/js/modernizr.min.js"></script>


    <script>
        $(document).ready(function () {
            var i = 0;
            var h = $(window).height();
            $("body").css("min-height", h);

            //标签切换效果
            $(".tab span").on("click", function () {
                var x = $(this).index();
                $(this).css({
                    "border-top": "solid 2px #ff6600",
                    "border-right": "2px solid #dedede",
                    "background": "#fff",
                    "border-bottom": "0px;"
                });
                $(this).siblings().css({"border": "none"});
                $(".content .cont:eq(" + x + ")").fadeIn(250).siblings().hide();        //下方内容变换
            });


            // var searchVal = "西直门";
            $(".center_list_li li:contains(searchVal)").hide(800);


            //搜素体检中心
            $("#button").click(function () {
                var list = document.getElementsByTagName("li");
                var searchVal = $(":text").val().trim();
                searchVal = searchVal.split(" ");
                for (var i = 0; i < list.length; i++)
                {
                    var show_tag=0;
                    for (var j = 0; j < searchVal.length; j++)
                    {
                        if(list[i].childNodes.length!==7){
                            break;
                        }
                        
                         var list_str=list[i].childNodes[3].innerText+list[i].childNodes[5].innerText;
                         if (list_str.indexOf(searchVal[j]) < 0 )
                         {
                             show_tag=0;
                             break;
                         }else{
                             show_tag=1;
                         }
                    }

                     if(show_tag==1){
                        list[i].style.display = "block";
                     }else{
                         list[i].style.display="none";
                     }

               }
            });

            //点击后退
            $(".top_left").click(function () {
                window.history.back();
            });

            //点击购买
            $("#dialog").dialog({
                autoOpen: false,
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "explode",
                    duration: 1000
                }
            });
            $("#purchase").click(function () {
//                $("#dialog").dialog("open")
//                return false;
            });

              //页面加载动画
                $(window).load(function() {
                // Animate loader off screen
                    $(".se-pre-con").fadeOut("slow");;
                });
        });
    </script>

<html>
